import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import Demo from '@/components/Demo'
import One from '@/components/One'
import Two from '@/components/Two'
import Three from '@/components/Three'
import Four from '@/components/Four'
import Five from '@/components/Five'
import Six from '@/components/Six'
import Seven from '@/components/Seven'
import Eight from '@/components/Eight'

Vue.use(Router)

export default new Router({
  routes: [{
    path: '/',
    name: 'Hello',
    component: Hello,
    children: [{
      path: '',
      name: 'One',
      component: One
    }, {
      path: 'tow',
      name: 'Two',
      component: Two
    }, {
      path: 'three',
      name: 'Three',
      component: Three
    }, {
      path: 'four',
      name: 'Four',
      component: Four
    }]
  }, {
    path: '/demo',
    name: 'Demo',
    component: Demo,
    children: [{
      path: '',
      name: 'five',
      component: Five
    }, {
      path: 'six',
      name: 'Six',
      component: Six
    }, {
      path: 'seven',
      name: 'Seven',
      component: Seven
    }, {
      path: 'eight',
      name: 'Eight',
      component: Eight
    }]
  }]
})
